<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      body {
        column-count: 3;
        column-rule: 2px dashed red;
        column-gap: 50px;
        h1 {
          column-span: all;
        }
      }
    </style>
  </head>
  <body>
    <h1>Title</h1>
    <p>
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis
      aspernatur minus id dolorem eos, eaque nobis a incidunt, veniam
      exercitationem rerum labore placeat esse asperiores fuga minima
      doloremque. Quibusdam quisquam sequi natus nulla. Molestias nulla
      voluptatum illum possimus nostrum officia dolore. Nulla rerum vero et nam
      reprehenderit voluptatem quis. Dignissimos velit dolores, dicta excepturi
      laboriosam fuga illo officiis dolore aperiam consectetur recusandae
      molestiae illum quibusdam soluta ad fugit distinctio? Mollitia, unde
      officiis repudiandae illum enim vitae aperiam, quasi, assumenda
      repellendus provident cum. Deleniti architecto officia aut fugiat est a
      praesentium id, aliquam, maiores repellendus asperiores labore laborum
      impedit. Quidem, deleniti sit assumenda aut sapiente minus debitis eos
      dolorum minima explicabo hic eligendi, unde voluptatum beatae vero facere
      doloribus ad. Autem tempore qui, a nulla amet dolor quos? Voluptas ea
      repellat laborum voluptatum iure suscipit, molestias amet commodi, vitae
      harum voluptate repellendus ipsa. Aspernatur ullam omnis dolore at, quos
      pariatur ducimus. Repudiandae deleniti necessitatibus doloribus
      asperiores. Ad ratione illum nostrum distinctio? Nisi earum dolore
      deleniti recusandae quibusdam velit accusamus libero dolor facilis quasi
      vitae laborum, iste obcaecati suscipit neque quos mollitia excepturi
      eligendi cumque nesciunt, officia modi, consequatur assumenda eaque!
      Nostrum minima aut porro, veniam nemo ut. Nam vero aliquid nobis?
    </p>
  </body>
</html>
